/*
legend item needs to be in the scope in order to control the font size in
fullscreen dashboard mode
*/
.LegendItem {
  font-weight: bold;
  transition: opacity 0.25s linear;
  opacity: 1;
}

.LegendHeader {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.LegendItem.LegendItemMuted {
  opacity: 0.4;
}

.Legend.none {
  display: none;
}

.Legend.vertical {
  display: flex;
  flex-direction: column;
  margin-right: 1em;
  gap: 0.25rem;
}

.Legend.horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1em;
}

.DashCard.LegendItem {
  font-weight: normal;
  color: var(--mb-color-text-primary);
  font-size: 0.8125rem;
}
